<!doctype html>
<html>

	<head>
		<meta charset="utf-8">
		<title>包月服务</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
		<link href="css/base.css" rel="stylesheet" />
		<link href="css/common.css" rel="stylesheet" />
		<link href="css/app.css" rel="stylesheet" />
		<style>
			.month_nav{position: fixed;max-width: 760px;}
			.month_nav img{position:absolute;width: 32px;}
			.month_nav .pa{background: rgba(0,0,0,0.5);line-height: 32px;height: 32px;border-radius: 16px;right: 62px;padding: 0 10px;}
			.footer span{display: block;height: 44px;line-height: 44px;border-radius: 0;color: #fff;cursor: pointer;}
			.footer span.add{background: #ffa800;}
			.footer span.buy{background: #c9151e;}
			.footer .c_black{height: 44px;line-height: 44px;}
		</style>
	</head>

	<body>
		<div id="vApp" class="bodyWrap">
			<!--header-->
			<div class="month_nav pf w_100 t10">
				<img class="l10" v-on:click="back()" src="images/right.png" alt="" />
				<span class="pa c_fff db f14">北京市<span class="mui-icon mui-icon-arrowdown f16"></span></span>
				<a href="index.html"><img class="r10" src="images/cart-white-icon.png" alt="" /></a>
			</div>
			<!--content-->
			<div>
				<img class="w_100" src="img/month1.jpg" alt="" />
			</div>
			<!--footer-->
			<div class="footer tc f12 pf w_100 b0">
				<div class="mui-row">
					<div class="mui-col-xs-2">
						<a href="#" class="c_black fb">
							<img class="mr5" src="images/serve-online.png" alt="" />客服
						</a>
					</div>
					<div class="mui-col-xs-5">
						<span class="add" class="redBtnBig pr">加入购物车</span>
					</div>
					<div class="mui-col-xs-5">
						<span class="buy" v-on:click="buyNow" class="redBtnBig pr">立即购买</span>
					</div>
				</div>
			</div>
		</div>
		<script src="js/mui.min.js"></script>
		<script src="js/vue.js"></script>
		<script src="js/app.js"></script>
		<script type="text/javascript">
			var v=new Vue({
			el:"#vApp",
				data:{
					num:0,
				},
				methods:{
					back:function(){
						history.go(-1);
					},
					buyNow:function(){
						window.location.href="http://m.hongjimeng.com/a/form_huodong.html";
					}
				}
			})
		</script>
	</body>

</html>